@import '../base/variables.scss';
.tab-form {
	width: 100%;
	.tab-header {
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid $borderColor;
		&>li {
			padding: 5px 10px;
			font-size: 16px;
			color: $default;
			float: left;
			border-bottom: 5px solid transparent;
			cursor: pointer;
			&:hover {
				border-bottom: 5px solid $blue;
			}
			&.active {
				border-bottom: 5px solid darken($blue, 10%);
			}
		}
	}
	.tab-item {
		display: none;
		&.active {
			display: block;
		}
	}
	.tab-footer {
		padding: 10px 0;
	}
}